<div class="clearfix"></div>
<div class="footer">
      <div class="social-icons">
    <ul>
          <li class="f"> <a href="#"> <img src="<?php echo get_template_directory_uri ();?>/images/twtr.png" /> </a> </li>
          <li class="f"> <a href="#"> <img src="<?php echo get_template_directory_uri ();?>/images/fb.png" /> </a> </li>
          <li class="f"> <a href="#"> <img src="<?php echo get_template_directory_uri ();?>/images/pin.png" /> </a> </li>
        </ul>
  </div>
      <div class="footer-container">
    <div class="f"> MAHALLY 2013 ALL RIGHTS RESERVED </div>
    <div class="f-r"> <a href="#">Site Map</a> | <a href="#">Contact Us</a> | <a href="career.html">Careers</a> | <a href="#">Terms Of Use</a> </div>
  </div>
    </div>
</body>
</html>